function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}


$(function(){

    // 打开登录框
    $('.comment_form_logout').click(function () {
        $('.login_form_con').show();
    })

    // 收藏
    $(".collection").click(function (){
        // 点击收藏的时候获取该新闻的id以及需要修改标记的值
        // alert('123');
        var news_collect={
            "news_id":$('.collection').attr('data-newsid'),
            "action":'collect'
        };
        // alert(news_collect.news_id);
        $.ajax({
            url:"/news_collectd",
            type:'post',
            data:JSON.stringify(news_collect),
            contentType:'application/json',
            dataType:'json',
            headers:{
                'X-CSRFToken':getCookie('crsf_token')
            },
            success:function (response) {
                if (response.erron =='0'){
                    // 请求成功的就收藏该新闻 隐藏收藏的图标
                    $('.collection').hide();
                    // 显示取消收藏的新闻
                    $('.collected').show()
                }else if(response.erron=='4101'){
                    $('.login_form_con').show()

                }else{
                    alert(response.error_info);
                }

            }
        })
       
    });

    // 取消收藏
    $(".collected").click(function () {
        var news_collect={
            'news_id':$('.collected').attr('data-newsid'),
            'action':'cancel_collect'
        };
        $.ajax({
            url:'/news_collectd',
            type:'post',
            data:JSON.stringify(news_collect),
            dataType: 'json',
            contentType:'application/json',
            headers:{
                'X-CSRFToken':getCookie('crsf_token')
            },
            success:function (response) {
                if (response.erron =='0'){
                    // 请求成功的就收藏该新闻 显示收藏的图标
                    $('.collection').show();
                    // 隐藏取消收藏的新闻
                    $('.collected').hide()
                }else if(response.erron=='4101'){
                    $('.login_form_con').show()

                }else{
                    alert(response.error_info)
                }

            }
        })


     
    });

        // 评论提交
    $(".comment_form").submit(function (e) {
        e.preventDefault();
        var news_id = $(this).attr('data-newsid');
        var comment_info = $('.comment_input').val();
        // 判断评论中是否有内容
        if(!comment_info){
            alert('请输入评论内容');
            return
        }
        var comment_list={
            'news_id':news_id,
            'comment':comment_info
        };
        $.ajax({
            url:'/news_comment',
            type:'post',
            data:JSON.stringify(comment_list),
            contentType:'application/json',
            dataType: 'json',
            headers:{
                'X-CSRFToken':getCookie('crsf_token')
            },
            success:function (response) {
                if(response.erron=='0'){
                    var comment = response.data;
                // 拼接内容
                var comment_html = '';
                comment_html += '<div class="comment_list">';
                comment_html += '<div class="person_pic fl">';
                if (comment.user.avatar_url) {
                    comment_html += '<img src="' + comment.user.avatar_url + '" alt="用户图标">'
                }else {
                    comment_html += '<img src="../../static/news/images/person01.png" alt="用户图标">'
                }
                comment_html += '</div>';
                comment_html += '<div class="user_name fl">' + comment.user.nick_name + '</div>';
                comment_html += '<div class="comment_text fl">';
                comment_html += comment.content;
                comment_html += '</div>';
                comment_html += '<div class="comment_time fl">' + comment.create_time + '</div>';

                comment_html += '<a href="javascript:;" class="comment_up fr" data-commentid="' + comment.id + '" data-newsid="' + comment.news_id + '">赞</a>';
                comment_html += '<a href="javascript:;" class="comment_reply fr">回复</a>';
                comment_html += '<form class="reply_form fl" data-commentid="' + comment.id + '" data-newsid="' + news_id + '">';
                comment_html += '<textarea class="reply_input"></textarea>';
                comment_html += '<input type="button" value="回复" class="reply_sub fr">';
                comment_html += '<input type="reset" name="" value="取消" class="reply_cancel fr">';
                comment_html += '</form>';

                comment_html += '</div>';
                // 拼接到内容的前面
                $(".comment_list_con").prepend(comment_html);
                // 让comment_sub 失去焦点
                $('.comment_sub').blur();
                // 清空输入框内容
                $(".comment_input").val("")
            }else{
                    alert('123');
                    alert(response.error_info)
            }
                }


        })

    });

    $('.comment_list_con').delegate('a,input','click',function(){

        var sHandler = $(this).prop('class');

        if(sHandler.indexOf('comment_reply')>=0)
        {
            $(this).next().toggle();
        }

        if(sHandler.indexOf('reply_cancel')>=0)
        {
            $(this).parent().toggle();
        }

        if(sHandler.indexOf('comment_up')>=0)
        {
            var $this = $(this);
            if(sHandler.indexOf('has_comment_up')>=0)
            {
                // 如果当前该评论已经是点赞状态，再次点击会进行到此代码块内，代表要取消点赞
                $this.removeClass('has_comment_up')
            }else {
                $this.addClass('has_comment_up')
            }
        }

        if(sHandler.indexOf('reply_sub')>=0)
        {
            alert('回复评论')
        }
    })

        // 关注当前新闻作者
    $(".focus").click(function () {

    })

    // 取消关注当前新闻作者
    $(".focused").click(function () {

    })
})



